<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>product</title>
    <link rel="stylesheet" href="css/product.css" type="text/css"></link>
    <link rel="stylesheet" href="css/jquery.spinner.css" type="text/css"></link>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/jquery.spinner.js"></script>
</head>
<body>
<div id="header">
    <div class="top">
        <#if user?exists>
            <div class="left">
                <input id="top_user_login_tag" value="${user.realname}" name="username"
                       type="hidden"> <a href="/loginOut">[退出登录]</a> <a href="#">
					<span class="sp">新消息(<font>0</font>)
				</span>
                </a> <span class="sp userNickName" title="jd">${user.nickname}</span> <span
                        class="sp">积分：<font class="myInteger">${user.myinteger}</font></span>
            </div>
        <#else>
            <div class="left">
                <a href="/login">请登录</a> <a href="/register">免费注册</a>
            </div>
        </#if>

        <div class="right">
            <a href="/">首页</a>
            <a href="/common/integralMall.html">积分商城</a>
            <a href="/school.htm">企业合作</a>
            <a href="/userCenter/person">我的易学</a>
            <#if countcart?exists>
                <a href="/userCenter/shoppingCart" class="nz_ts">购物车（
                    <span class="cart_top_num">${countcart}</span>）</a>
            <#else>
                <a href="/userCenter/shoppingCart" class="nz_ts">购物车（
                    <span class="cart_top_num">0</span>）</a>
            </#if>
            <a href="/userCenter/userCollection.html">我的收藏夹</a>
            <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2636862834&amp;site=qq&amp;menu=yes”"
               target="_blank">联系客服</a>
            <a id="tc" href="#">网站导航 </a>
            <a href="/common/help/help.html">帮助</a>
        </div>
    </div>
</div>

<div id="bottom">
    <div class="left">
        <a href="/"><img src="images/logo.png"></a>
    </div>
    <div class="right">
        <form action="/search">
            <input type="text" class="search" id="queryKeysStr" value="" name="search">
            <input type="submit" value="搜索" class="buttom" id="queryAllButton">
        </form>

        <div class="right_bottom">
            <a href="/searchBypro?product=JAVA">JAVA</a>
            <a href="/searchBypro?product=CCIE">CCIE</a>
            <a href="/searchBypro?product=PS">PS</a>
            <a href="/searchBypro?product=C">C</a>
            <a href="/searchBypro?product=CCNA">CCNA</a>
            <a href="/searchBypro?product=OCA">OCA</a>
            <a href="/searchBypro?product=Android">Android</a>
            <a href="/searchBypro?product=HTML">HTML</a>
            <a href="/searchBypro?product=思科">思科</a>
        </div>
    </div>
</div>

<div id="nav">
    <ul class="menu">
        <li><a href="/">首页</a></li>
        <li class="now"><a href="/toOnline">在线学习</a>
            <div class="now_top"></div>
        </li>
        <li><a href="/facedirect.htm">面授</a></li>
        <li><a href="/o2o.htm">1对1辅导</a></li>
        <li><a href="/video.htm">视频</a></li>
        <li><a href="/kejian.htm">课件</a></li>
        <li><a href="/identify.htm">考试</a></li>
        <li><a href="/tiku.htm">题库</a></li>
        <li><a href="/toWD">问答</a></li>
        <li><a href="/study.htm">求学</a></li>
        <li class="last"><a href="/school.htm">培训学校</a></li>
    </ul>
</div>

<div id="info">
    <p>
        <a href="/">IT易学网</a> &gt;
        <a href="/toOnline">在线学习</a> &gt;
        <a href="/search?product=OCP">OCP</a>
    </p>

    <div style="width: 950px; float: left;">

        <input type="hidden" value="${online.id}" id="productID" name="productID">

        <ul class="info_main2">
            <li class="img" style="width: 351px; height: 351px;">
                <img src="${online.image}" height="350" width="350">
            </li>

            <li class="info_c2">
                <ul>
                    <li class="title">${online.name}</li>
                    <li class="s">
                        <span class="span3">价 格<font>￥${online.price?c}</font></span>
                    </li>

                    <input type="hidden" name="productprice" value="${online.price?c}"
                           id="productprice"></input>

                    <li class="t">
                        <span>总销量：${online.sales}</span>
                        <span>累积评价：${online.comment}</span>
                        <span class="c">送积分：${online.integral}</span>
                    </li>

                    <li class="f priceCondition1" id="time">
                        <font>开课时间：</font>
                        <span class="priceId">${online.classtime?string("yyyy-MM-dd")}</span>
                    </li>

                    <li class="f priceCondition2" id="gj">
                        <font>在线工具：</font>
                        <span class="priceId">${online.format}</span>
                    </li>

                    <li class="f priceCondition4" id="bx">
                        <font>培训班型：</font>
                        <span class="priceId">周末班</span>
                    </li>

                    <li class="f priceCondition3" id="xs">
                        <font>开课形式：</font>
                        <span class="priceId">排班上课</span>
                    </li>

                    <li class="sever">
                        <label>购买数量：</label>
                        <input type="text" id="goodsPriceSum" class="spinnerExample value" maxlength="2"
                               name="count">
                    </li>

                    <li class="buttom2">
                        <a href="#" style="border: 1px solid #e60012;">立即购买</a>
                        <a href="#" class="right">加入购物车</a>
                        <a class="cd-popup-trigger5" href="#0" title="点击咨询">联系讲师</a>
                    </li>
                </ul>
            </li>
            <script type="text/javascript">
                $(".spinnerExample").spinner();
            </script>

            <div class="collect">
                <a href="javascript:void(0);">
                    <img src="images/collect_1.png"><span>加入收藏</span>
                </a>
            </div>
        </ul>

    </div>
</div>

<script src="js/product.js"></script>
</body>
</html>